<template>
  <div>
    <div>子组件有 属性 有 事件 有子标签 插槽</div>

    <child-first :i = "12" ></child-first>
    <child-first :i = "24" title="新的一天"></child-first>
    <div>使用v-bind:xxx 绑定属性xxx 简写是冒号</div>
  </div>
</template>
<script lang="js">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from
import ChildFirst from '@/components/ChildFirst.vue'
export default {
  name: "Vue2F",
  components:{
    ChildFirst:ChildFirst
  },
  props: {
    sampleP: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      sampleD: "value",
    };
  },
  computed: {
    /* sampleC() {
      return this.sampleD + "--";
    }, */
  },
  created() {},
  mounted() {},
  methods: {
    // sampleM() {},
  },
  watch: {
    // sampleP(n, o) {},
  },
};
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
